.imgs-wrap{

}
.imgs-wrap .img-item{
    display: inline-block;
    width: 150px;
    overflow: hidden;
    cursor: pointer;
    margin: 5px;
}
.imgs-wrap .img-box{
    position: relative;
    background: #efefef;
}
.imgs-wrap .img-inner{
    height: 150px;
    width: 150px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.imgs-wrap .opts-box{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.imgs-wrap .opts{
    width: 100%;
}
.imgs-wrap .img-box .iconfont{
    font-size: 24px;
    cursor: pointer;
    transition: all .3s;
}
.img-item .opt-check,.img-item .icon-delete{
    display: none;
}
.imgs-wrap .opt-check{
    position: absolute;
    top: 10px;
    left: 10px;
}
.imgs-wrap .iconfont:hover{
    color: #e8473f;
}

.img-item .icon-squarecheck{
    color: #e8473f;
    display: none;
}
.img-box .icon-delete{
    position: absolute;
    top: 10px;
    right: 10px;
}
.img-item.check .icon-squarecheck{
     display: inherit;
 }
.img-item.check .icon-square{
    display: none;
}
.img-item.check .opts-box,.img-item:hover .opts-box{
    background: rgba(255, 255, 255, 0.5);
}
.img-item:hover .opt-check,.img-item:hover .icon-delete,.img-item.check .opt-check{
    display: inherit;
}
.img-title{
    text-align: center;
    padding: 5px;
}
/*选择状态栏*/
.check-status{
    background: #eee;
    margin-top: 20px;
    line-height: 40px;
    padding: 0 10px;
}
.check-status .icon-delete{
    font-size: 20px;
}